<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>好的共享车手机客户端下载</title>
<script src="resources/js/jquery-2.1.1.min.js"></script>
<style>

body {
	width:100%;
    height:100%;
	background: url("${base}/upload/bg2.png") no-repeat;
	background-size: 100%;
	background-color: #F38903;
	background-position: 0 -20px;
}
a{ 
text-decoration:none; 
color:#333; 
} 
a:link { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:visited { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
a:hover { 
font-size: 12px; 
color: #999999; 
text-decoration: underline; 
} 
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd,
	blockquote, pre, form, fieldset, table, th, td, span, input {
	padding: 0;
	margin: 0px auto;
	font-family: Adobe Heiti Std, 微软雅黑, sans-serif;
}

button{
width: 138px;
height: 64px;
background: #FE4611;
border-radius:10px;
border-style: none;
color: #fff;
font-size: 16px;
}

li {
	text-decoration: none;
	list-style-type: none;
}

ul {
	list-style-type: disc;
}

.clearfix:after {
	clear: both;
	display: block;
	content: "...";
	visibility: hidden;
	height: 0;
	font-size: 0;
}

.clearfix {
	*zoom: 1;
}

a {
	color: #000;
	text-decoration: none;
	font-family: Adobe Heiti Std, 微软雅黑, sans-serif;
	font-size: 14px;
}

.red {
	color: #cc0000;
}

.Client_download {
	margin: 0 auto;
	max-width: 640px;
	width: 100%;
	min-height:540px;
	margin-top:8%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.line {
	position: absolute;
	top: 0;
	right: 20px;
	width: 25px;
	height: 57px;
	background-size: 100%;
}

.Client_tip_1 {
	border-radius: 2%;
	background-color: #fff;
	width: 96%;
	height: 60px;
	line-height: 60px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	padding-left: 2%;
}

.Client_download_tel {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-bottom: 40px;
}

.show_img {
	width: 100%;
	height: auto;
	border: 0px;
}

.Client_download_dow {
	width: 100%;
	height: 80px;
	text-align: center;
}

.Client_download_title {
	display: none;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20%;
	line-height: 80px;
}

.Client_download_Edition {
	border-radius: 10px;
	background-color: #fff;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.Client_download_iPhone {
	width: 48%;
	height: 40px;
	 float: left;
	margin-top: 40px;
}

.Client_download_Android {
	width: 47%;
	height: 40px;
	float: right;
	margin-top: 40px;
}

.Client_tip_1 span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 2px;
}

.Client_tip_span {
	color: blue;
}
</style>
</head>
<body>
	<div class="Client_download" id="view_2" style="display: block;margin-bottom: 30px;">
		<div class="Client_download_dow">
		<div style="margin-top: 65%;">
			<!-- <img alt="" src="${base}/upload/logo3.png"> -->
		</div>
			<div class="Client_download_iPhone">
				<a class="J-call-app" id="ios_a"
					href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ewhale.veterantravel"
					target="_blank">
				<button style="margin-top: 7px;">好的共享车</br>Android版</button>	
				</a>
			</div>
			<div class="Client_download_Android">
				<a class="J-call-app" id="ios_a"
					href="https://itunes.apple.com/cn/app/%E5%A5%BD%E7%9A%84%E5%87%BA%E8%A1%8C/id1400635468?mt=8"
					target="_blank"> 
				<button style="margin-top: 7px;">好的共享车</br>IOS版</button>	
				</a>
			</div>
			<div class="Client_download_iPhone">
				<a class="J-call-app" id="android_a"
					href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ewhale.veterandriver" target="_blank">
					<button style="margin-top: 7px;">好的车主</br>Android版</button>
				</a>
			</div>
				<div class="Client_download_Android">
				<a class="J-call-app" id="android_a"
					href="https://itunes.apple.com/cn/app/%E5%A5%BD%E7%9A%84%E8%BD%A6%E4%B8%BB/id1401197154?mt=8" target="_blank">
					<button style="margin-top: 7px;">好的车主</br>IOS版</button>
				</a>
			</div>
			<!-- <div class="Client_download_iPhone">
				<a class="J-call-app" id="android_a"
					href="http://zhushou.360.cn/detail/index/soft_id/3987968" target="_blank">
					<button style="margin-top: 7px;">好的网点</br>Android版</button>
				</a>
			</div>
			
			<div class="Client_download_Android">
				<a class="J-call-app" id="android_a"
					href="https://itunes.apple.com/cn/app/%E5%A5%BD%E7%9A%84%E7%BD%91%E7%82%B9/id1401199968?mt=8" target="_blank">
					<button style="margin-top: 7px;">好的网点</br>IOS版</button>
				</a>
			</div> -->
		</div>
		<script>  
		/*var ua = navigator.userAgent.toLowerCase();
		var t;
		var config = {
			//scheme:必须
			scheme_IOS: 'MobileMall://',
			scheme_Adr: 'com.softbest1.mall://app/openwith',
			download_ios_url: "https://itunes.apple.com/cn/app/jiu-bian-li/id741897886?mt=8",
			download_android_url: "http://www.jiusuda.com/app/jiusuda.apk",
			timeout: 100
		};
		function openclient() {
			$(".Client_download").height($(".Client_download").width() * 1006 / 640 + "px");
			if(ua.indexOf('os') > 0){
				var btn = document.getElementById("ios_a"); 
				btn.click(); 
			} else {
				var btn = document.getElementById("android_a"); 
				btn.click(); 
			}
		//	var ifr = document.createElement('iframe');
		//	ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;
		//	ifr.style.display = 'none';
		//	document.body.appendChild(ifr);
		//	window.setTimeout(function () {
		//		document.body.removeChild(ifr);
		//	}, config.timeout);
		}

		$(".J-call-app").click(openclient);
		var browser = {
			versions: function () {
				var u = navigator.userAgent, app = navigator.appVersion;
				return {
					//移动终端浏览器版本信息 
					trident: u.indexOf('Trident') > -1, //IE内核 
					presto: u.indexOf('Presto') > -1, //opera内核 
					webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 
					gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 
					mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 
					ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 
					android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器 
					iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 
					iPad: u.indexOf('iPad') > -1, //是否iPad 
					webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部,
					WeiXin: u.match(/MicroMessenger/i) == "MicroMessenger" //是否为微信客户端
				};
			}(),
			language: (navigator.browserLanguage || navigator.language).toLowerCase()
		};
		var ua = navigator.userAgent.toLowerCase();
		if (ua.match(/MicroMessenger/i) == "micromessenger") {
			document.body.style.backgroundColor="#FFF";
			$("#view_1").show();
			$("#view_2").hide();
		} else {
			//$(".Client_download").hide();
			openclient();
			if (browser.versions.ios) {					 
				$(".Client_download_Android").hide();
				$(".Client_download_iPhone").show();
				InfoStatistics("IOS");		   
			} else if (browser.versions.android) {				   
				$(".Client_download_iPhone").hide();
				$(".Client_download_Android").show();
				InfoStatistics("Android");			 
			}
		}

		$(function () {
			$(".Client_download").height($(".Client_download").width() * 1006 / 640 + "px");
		});
		function InfoStatistics(Platform) {   
			console.log("-----"+Platform);
		}*/
	</script>
	</div>
</body>
</html>